/**
 * postcss 的配置
 * 转换 css 文件中的 px -> rem
 * 行内样式不会转换
 */
module.exports = {
  // 配置要使用的相关插件
  plugins: {
    // 自动添加不同浏览器的 css 前缀，用来兼容不同的浏览器
    // vue-cli 已经在内部默认配置了 autoprefixer
    // autoprefixer: {
    //   // browsers 用来配置要兼容到的系统（浏览器）环境
    //   // vue cli 默认配置了这个（通过 .browserslistrc 文件）
    //   // 所以这个就不用再配置了，会冲突
    //   browsers: ['Android >= 4.0', 'iOS >= 8']
    // },
    'postcss-pxtorem': {
      /**
       * 转换的根元素基准值
       * 正常情况下按照你的设计稿来
       * 750 宽的设计稿，750 / 10 = 75
       * 375 宽的设计稿，375 / 10 = 37.5
       * vant 是基于 375 逻辑像素宽度（iPhone6/7），
       * 所以设置为 37.5
       * 但是设计图是 750 的，所以设置的时候按照测量的 像素/2 来设置
       */
      rootValue: 37.5,
      // 需要转换的 css 属性，* 表示所有属性都要转换
      propList: ['*']
    }
  }
}
